<style>
    div {
        width: 50px;
        height: 50px;
        background: red;
    }
    
    body {
        cursor: crosshair;
    }
</style>
<div style="display:none"></div>
<script src="jquery.js"></script>
<script>
    // $(document).mousemove(
    //     function(e) {
    //         $("div").css("width", e.pageX);
    //         $("div").css("height", e.pageY);
    //         $("div").css("transform", "rotate(" + e.pageX + "deg)");
    //     }
    // );


    function astart() {
        $("div").show(3000, aend);
    }

    function aend() {
        $("div").hide(3000, astart);
    }

    astart();
</script>